<!-- 

  Vant的Badeg徽标

  props: 
    content:(String || Number)        徽标内容
    color:(String)                   	徽标背景颜色
    dot:(Boolean)                   	是否展示为小红点
    max :(String || Number)           最大值，超过最大值会显示 {max}+，仅当 content 为数字时有效

  slot: 
    default	                          徽标包裹的子元素
    content	                          自定义徽标内容

  demo: 
    <qm-badge content="150" max="99" color="#4686ff">
      <qm-entry :data="..." iconWidth="96"></qm-entry>
    </qm-badge>

  更多帮助请查看Vant官网： https://vant-contrib.gitee.io/vant/v2/#/zh-CN/badge

-->


<template>
  <van-badge v-bind="$attrs" v-on="$listeners">
    <template v-for="(index, name) in $slots" :slot="name">
      <slot :name="name" />
    </template>
  </van-badge>
</template>

<script>
import { Badge } from "vant";
export default {
  components: {
    [Badge.name]: Badge,
  },
};
</script>

<style>
</style>